<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<img src="../img/bg.jpg" /><br />
		<input name="fadein_btn" type="button" value="淡入" />
		<input name="fadeout_btn" type="button" value="淡出" />
		<script src="../js/jQuery-1.8.3.js"></script>
		<script>
			$(document).ready(function(){
				$("input[name=fadein_btn]").click(function(){
					$("img").fadeIn("slow");
				});
				$("input[name=fadeout_btn]").click(function(){
					$("img").fadeOut(1000);
				});
			});
		</script>
	</body>
</html>
